<template>
  <text :class="badgeClass" class="free-badge bg-danger text-white rounded-circle font-sm" :style="badgeStyle">
   <slot></slot>
  </text>
</template>

<script>
  export default {
    props: {
      badgeClass: {
        type: String,
        default: ""
      },
      badgeStyle: {
        type: String,
        default: ""
      }
      // value: {
      //   type: [Number,String],
      //   default: ""
      // }
    }
  }
</script>

<style scoped="scoped">
  .free-badge {
    padding-left: 14rpx;
    padding-right: 14rpx;
    padding-bottom: 6rpx;
    padding-top: 6rpx;
  }
</style>
